/* --- General --- */


body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
}
p {
/*	margin: 0px;
	padding: 0px;*/
}

div#content {
	padding: 0px 1em;
}
div#content h1 {
	margin-top: 0px;
}

h1 {	font-size: 150%;}
h2 {	font-size: 115%;}
h3 {	font-size: 110%;}


/* --- header --- */
#header #version {
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: x-small;
}

#header #logo #news, #header #logo #mailinglist {
	font-weight: normal;
	letter-spacing: 0em;
}

#header #logo {
	font-family: "Verdana", "sans-serif";
	font-weight: bold;
	letter-spacing: -0.12em;
	font-size: 30px;
/*	position: absolute;
	top: 2px; left: 2px; */
	z-index: 10;
}
#header #ulogo {
	position: absolute;
	top: 10px; right: 20px;
	z-index: 10;
}



/* --- langbar --- */

#langbar {
	font: 80% "arial", sans-serif;
	text-align: right;
	margin: 2px 0px 0px 0px; 
	padding: 0px;
	color: #222;
}
#langbar span {
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0px 0px 5px 5px; 
	padding: 2px 5px 2px 4px;
	z-index: 4;
	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}


/* --- headerbar --- */

#headerbar {
/*	position: absolute;
	top: 42px;
	width: 100%;
	
	*/
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 3px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	z-index: 3;
}
#headerbar #breadcrumb {
	float: left; 
	margin: 9px 1em;
	
}




/*  --- Footer ---  */

#footer {
/*	width: 100%;*/
	clear: both;
	border-top: 1px solid #ccc;
	text-align: center;
	margin-top: 3em; 
	padding: 0px 0px 0px 0px;
	z-index: 1;
	color: #888;
}




/* --- columned --- */



.columned .gutter
{
	float: left;
	width: 1%;
	height: 1px;
}

.columned .col1
{
	float: left;
	width: 48%;
	margin-bottom: 1em;
	border-right: 1px solid #ccc;
	padding-right: 1%;
}

.columned .col2
{
	float: left;
	width: 23%;
	margin-left: 1%;
	margin-bottom: 1em;
	border-right: 1px solid #ccc;
	padding-right: 1%;
}

.columned .col3
{
	float: left;
	width: 21%;
	margin-left: 1%;
	margin-bottom: 1em;
}



.columned .col4
{
	float: left;
	width: 21%;

	margin-bottom: 1em;
	border-right: 1px solid #ccc;
	padding-right: 1%;
}

.columned .col5
{
	float: left;
	width: 48%;

	margin-left: 1%;
	margin-bottom: 1em;
	border-right: 1px solid #ccc;
	padding-right: 1%;
}

.columned .col6
{
	float: left;
	width: 23%;
	margin-left: 1%;
	margin-bottom: 1em;
}




#timezone {
	font: 80% "arial", sans-serif;
	text-align: right;
	margin: 2px 0px 0px 0px; 
	padding: 0px;
	color: #222;
}
#timezone a {
	color: #666;
}
#timezone span {
	float: right;
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0px 0px 5px 5px; 
	padding: 2px 5px 2px 4px;
	z-index: 4;
	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}














.inneremailbox {
	font-family: monospace; 
	border: 1px solid #ccc; 
	padding: .2em 2em; 
	margin: .6em;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
div#emailbox {
	padding: 0px; margin:0px;
}


div.sharinglink {
	font-family: monospace; 
	font-size: 120%;
	border: 1px solid #ccc; 
	padding: .2em 2em; 
	margin: .6em;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

abbr {
	text-decoration: none;
	border: none;
}




div.datetimebox p {
	margin: 6px;
	text-align: center;
}
div.datetimebox {
	border: 1px solid #ccc; 
	background: #f5f5f5; 
	margin: .5em; padding: 3px 1em;
	float: right;
	width: 350px;
	clear: right;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}


/* ------ Column Setup ------- */

div.coltypeselector {
	border: 1px solid #ccc; 
	background: #f5f5f5; 
	margin: .5em; padding: 3px 1em
}

div.ready {
	border: 1px solid #996; 
	background: #ee9; 
	margin: 2em .5em; padding: 1em 2em;
	clear: both;
	color: #996;
}


div.timezoneselector {
	border: 1px solid #ccc; 
	background: #f5f5f5; 
	margin: .5em; padding: 3px 1em
}
div.eventdatetime {
	border: 1px solid #ccc; 
	background: #f5f5f5; 
	margin: .5em; padding: 3px 1em;
}
div.eventdatetime p {
	margin: 2px 0px;
}
input#eventdatefrom, input#eventdateto {
	background-image: url(../calendar.png); 
	background-repeat: no-repeat;
	background-position: center right;
	width: 9em;
}
input#eventtimefrom, input#eventtimeto {
	background-image: url(../clock.png); 
	background-repeat: no-repeat;
	background-position: center right;
	width: 6em;
}


input#deadline {
	background-image: url(../calendar.png); 
	background-repeat: no-repeat;
	background-position: center right;
}



/* more */

div.fcol input.invalid {
	border: 2px dashed #900;
}


div.fcol {
	
}
div.fcol {
	border: 1px solid #eee; 
	margin: 5px 5px 1em 5px; 
	padding: 4px;
}
.fcoli {
	font-size: large; 
}
div.subcolcontainer {
/*	display: table-row;*/
}
input.fscoli {
/*	display: table-cell;*/
}


input.placeholdertemp {
	color: #999;
}

div.columnsetupdates input.fcoli {
	background-image: url(../calendar.png); 
	background-repeat: no-repeat;
	background-position: center right;
}
div.columnsetupdates input.fscoli {
	background-image: url(../clock.png); 
	background-repeat: no-repeat;
	background-position: center right;
}
div.columnsetuptimezone input.fcoli {
	background-image: url(../calendar.png); 
	background-repeat: no-repeat;
	background-position: center right;
}



a.minibutton {
	border-bottom: 1px dotted #ddd;
	color: #999;
	font-size: 90%;
	margin-right: 2em;
}
a.minibutton:hover {
	color: #555;
	border-bottom: 1px solid #555;
	text-decoration: none;
}

input.fscoli {
	display: inline; 
	margin: 0px 3px; 
	width: 90px;
}
div.columnsetuptimezone input.fscoli {
	margin: 0px 2px; 
	width: 40px;
}


/* ------ Buttons  ----- */



a {
	cursor: pointer;
}

a.button:link {
	color: #444 ! important;
}
a.button {
	outline: none; /* hide dotted outline in Firefox */
	margin-top: 3px; margin-bottom: 3px;

	background: transparent url('buttons/bg_button_a.png') no-repeat scroll top right;
	color: #444 ! important;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	border: none ! important;
}

a.button span {
	background: transparent url('buttons/bg_button_span.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}


a.button:active {
	background-position: bottom right;
	color: #000 ! important;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}


/* --- links --- */

a.lesmer {
    float: right;
    margin: 1em;
}






/* --- infobox --- */



div.infobox {
	margin: .6em .1em;
	padding: .3em;
	border: 1px solid #999;
	background: #ddd;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.infobox.maxnum {
}
div.infobox.expire {
}
div.infobox.registeremail {
}










/* ----------- */

table#tlayout, table#tlayout td {
	border: none;
}

.unicode {
	font-family: "Unicode Symbols", "Times New Roman", "Apple Symbols","Arial Unicode MS";
}


div.fcol.notinuse{
/*	background: #eee;*/
/*			color: #777; */
}
div.fcol.notinuse input{
	background: #fff;
}


.statusupdates {
	font-size: 80%;
}
ul.statusupdates  {
	list-style:none inside;
	padding:0px;
	margin:0px;
}

div#createnew {
	clear: left; 
	padding:1em; 
	width: 300px; 
	margin: 1em .5em .5em .5em;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
}






/* --- List entries on frontpage --- */

div.lentry {
	border-top: 1px solid #eee;
	margin-top: 4px;
	margin-bottom: 0.6em;
}
div.lentry div.lheader {
	font-size: 95%;
}
div.lentry div.lbody {
	color: #555;
}
div.lentry div.lowner a {
	color: #888;

}
div.lentry div.lowner {
	color: #888;
	font-size: 80%;
}

/* ----- status updates ----- */

div.statusupdates div.statusupdate {
	border-bottom: 1px solid #ccc;
	margin: 1em;
}
div.statusupdates div.statusupdate h3 {
	margin: 1px;
}
div.statusupdates div.statusupdate p {
	margin: 1px 0px 2px 1px;
}





#foodletabs {
	font-size: 90%;
	clear: both;
}
div#myresponse, div#myresponse form,  div#responses, div#responses form  {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div.ui-tabs {
	border: none ! important;
}




img.linkicon {
}
span.grey {
	color: #aaa;
}


html{
    height: 100%;

/*    font-family: Arial, Verdana, sans-serif;*/
}
body{
    height: 100%;
}

fieldset .submitbutton {
    vertical-align: middle;
    margin: 0 3px;
}
fieldset select {
    /*vertical-align: middle;
    margin: 3px 0;*/
}

fieldset legend{
/*      display: none;*/
}

p {
    margin-top:     10px;
    margin-bottom:  10px;
}


















tr.hasnotes td {
	height: 17px;
}

div.extbox:hover {
		border: 1px solid #aa5; 
}
div.extbox {
	float: right; 
	border: 1px dashed #cc8; 
	background: #fffff1; 
	padding: .4em; 
	margin: 1em 0em .4em .4em;

}
div.extbox a {
	color: #664;
	text-decoration: none;
/*	border-bottom: 1px dashed #cc8; */
}
div.extbox a:hover {
	border-bottom: 1px solid #aa5;
	text-decoration: none;
}


.commentline {
	padding: 3px 10px 3px 3em; 
	color: #777; 
}
.list th {
	font-weight: normal;
}

.yesimg {
	margin: 0px;
	border: 0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin: .6em;
}

td {
	border: 1px solid #ccc;
	padding: 0px;
	
}
td,th {
	border: 1px solid #aaa;
/*	text-align: center; */
}
th {
	background: #f5f5f5;
	padding: .1em 3px .1em 3px;

}

div.ryes,div.rmaybe,div.rno {
	width: 100%; margin: 0px; padding: 0px;
}
div.ryes {
	background: #9c9;
	border-bottom: 1px solid #363;
}
div.rmaybe {
	background: #FFEF00;

/*
	border-left: 1px solid #555500;
	border-right: 1px solid #555500;
*/
}
div.rno {
	color: white;
	background: #CE1620	;
	border-top: 1px solid #660000;
}

td.yes {
	background: #9c9;
	color: white;
	text-align: center;
}
td.maybe {
	background: #fec;
	text-align: center;
}
td.yes.grey,td.no.grey {
	background: #ccc;
	color: white;
	text-align: center;
}
td.no {
	text-align: center;
	background: #edd;
	color: #c77;
}
table.info td.no {
	background: #CE1620	;
	color: #fbb;
}
table.info td.maybe {
	background: #FFEF00;
}
table.info td {
	padding: .5em 2em;
}

tr.you td input.comment {
	background: #f7f7f7;
	background-image: url('/res/notes.png');
	background-repeat: no-repeat;
 	background-position: 3px 5px; 
	color: #662;
	border: 1px solid #ccc;
	margin: 5px;
	padding: 5px 5px 5px 30px;
	width: 90%;

}
td.center {
	text-align: center;
}
tr.you td {
	background: #eed;


}
tr.you td.yes {
	background: #bea;
	color: white;
}
td.count {
	text-align: center;
	font-size: large;
}
td.highest {
	background: #373;
	color: white;
	font-weight: bold;
}

td.sunday {
	background: #B98B8F;
	color: white;
}
td.grey {
	background: #ccc;
}
td.before {
	background: #eee;
	color: black;
}

fieldset {

	border: 1px solid #eee;
	margin: 10px 0px;

/*	border:0;*/
}
address,caption,cite,code,dfn,em,strong,th,var {
}
caption,th {
	text-align:center;
}

dt {
	font-size: 105%;
	color: #600;
	font-weight: bold;
}
dd p {
	margin: 0px 1em .1em 0px;
}

body {
	font-size: 90% ! important;
}

table.list {
	border: 1px solid #ccc;
	font-family: "Arial Narrow", "arial", sans-serif;
}
div.lang {
	font-family: "Arial Narrow", "arial", sans-serif;
}
table.list tr.header {
	background: #eee;
	border-bottom: 1px solid #ccc;
}
table.list td {

}
table.list td.odd {
	background: #e5e5e5;
	
}




tr.fixdaterow td{
	background: #d4d4d4;
}



table.statstable tr.totals td {
	background: #fec;
	font-weight: bold;
}
table.statstable tr td.realm {
	text-align: right;
}
table.statstable tr td {
	padding: 1px 1em;
}
table.statstable tr:nth-child(even) td {
	background: #eee;
}



div.userlist div.user {
	border-bottom: 1px solid #eee;
	margin: 1em 3px 3px 3px;
}
div.userlist div.user div {
	margin: 0px;
}
div.userlist div.user div.org {
	color: #999;
}
div.userlist div.user div.orgunit {
	color: #777;
	font-size: x-small;
}









dl.attributelist dd {
	margin: 0px;
}
dl.attributelist ul {
	margin: 0px;
}





div.foodle_contact {
	border: 1px solid #ccc;
	background: #eee;
	margin: 2px 0px;
	padding: 2px 10px;
}
div.foodle_contact:nth-child(2n) {
	background: #fff;
}



div.foodle_contactlist {
	cursor: pointer;
}
div.foodle_contactlist_selected {
	font-weight: bold;
}
div.foodle_invitetoken pre {
	border: 1px solid #666;
	padding: 4px 15px;
	margin: 5px 0px;
	background: #ccc;
}
div.foodle_removecontactlist {
	margin: 1em; padding: .3em 1em;
	border: 1px solid #997;
	background: #ffd;
}
p.foodle_contacts_meta {
	font-size: 92%;
	color: #666;
}

.contactButton {
	float: right;
}
div#invite .contactButton {
	float: none;
}

div#invite div.foodle_contactlists {
	margin: 0px; padding: 0px;
}


div#invite div.foodle_contactlists div.foodle_contactlist {
	display: inline;
	margin: 0px 1em 0px 0px;
}

div.foodle_invite_all {
	border: 1px solid #ccc;
	margin: 2px 0px;
	padding: 2px 10px;
	background: #ffd;
}




div#dropbox {
/*	height: 30px; */
	border: 2px dashed #ccc; 
	margin: 1em 0px; 
	padding: 2em;
}
div#dropbox.dropboxDragover {
	background-color:  #ffe;
	border: 2px solid #999; 
	cursor: pointer;
	cursor: hand;
}
div#dropbox p {
	color: #999;
}

div#dropbox:hover {
	background-color:  #ffe;
	border: 2px solid #999; 
	cursor: pointer;
	cursor: hand;
}



div.activitystream {
/*	width: 100%;*/
	clear: both;
	border-top: 1px solid #ccc;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}


div#activity div.activity {
	border: 1px solid #ccc;
	background: #f5f5f5; 
	margin: .5em 0px; padding: 3px 1em;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

}
div#activity div.activity * {
	margin: 0px;
}
div#activity div.activity.discussion {
	background: #fcfcfc;
}
div#activity div.activity.response {
	
}
div#activity div.activity a{ 
	color: #444;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}
div#activity div.activity a:hover{ 
	border-bottom: 1px solid #666;
}
div#activity div.activity h2{ 
	margin-bottom: 10px ! important;
	text-decoration: none;
}
div#activity div.activity p.persons{
	font-size: 90%;
	margin-top: 10px;
}

div#activity div.activity div.activitytag {
	color: white; 
	margin: 3px;
	padding: 2px; 
	float: right; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}

div#activity div.activity div.activitytag.youcreated {
	background: #666; 
	border: 1px solid #111; 


}
div#activity div.activity div.activitytag.yourespondednot {
	background: #944; 
	border: 1px solid #611; 



}
div#activity div.activity div.activitytag.youresponded {
	background: #494; 
	border: 1px solid #161; 
}

div#activity div.activity div.activitytag.invited {
	background: #FFC125; 
	border: 1px solid #975; 
	color: #fff;
}

div#activity div.activity div.activitytag.groupref {
	color: #333 ! important;
	border: 1px solid #999;
	background-color: #fff;
	clear: right;
}
div#activity div.activity div.discussion {
	background: white; 
	margin: 5px; 
	border: 1px solid #ccc; 
	padding: .2em 1em;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

